<!DOCTYPE html>
<html lang="es">
    <head>
        <base href="/betporra/" />
        <meta charset="utf-8">
        <meta content='True' name='HandheldFriendly' />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="description" content="">
        <link rel="shortcut icon" href="favicon.ico">

        <title>betporra.com</title>

        <!-- Bootstrap core CSS -->
        <link href="web/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="web/font-awesome/css/font-awesome.min.css">

        <!-- Custom styles for this template -->
        <link href="web/css/style_publica.css" rel="stylesheet">

        <link href="web/css/animate.css" rel="stylesheet">

        <link href="web/css/bootstrapValidator.css" rel="stylesheet">

        <link href="web/css/datepicker.css" rel="stylesheet" type="text/css" />

        <!-- Just for debugging purposes. Don't actually copy this line! -->
        <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
        <script src="web/js/jquery-1.10.2.js"></script>
        <script src="web/js/bootstrap.min.js"></script>
        <script src="web/js/validator/bootstrapValidator.min.js"></script>
        <script type="text/javascript" src="web/js/bootstrap-datepicker.js"></script>
    </head>

    <body>

        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="inicio"><img src="web/css/images/banner.png" alt="banner" height="20"/></a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="inicio"><?php echo LABEL_MENUINICIO ?></a></li>
                        <li><a href="info_competiciones"><?php echo LABEL_MENUCOMPETICIONES ?></a></li>
                        <li><a href="info_regalos"><?php echo LABEL_MENUREGALOS ?></a></li>
                        <li><a href="lenguaje/es"><img src="web/flags/flag_spain.png" class="img-responsive" alt="español" style="max-height:20px; margin: auto;"/></a></li>
                        <li><a href="lenguaje/en"><img src="web/flags/flag_united_kingdom.png" class="img-responsive" alt="ingles" style="max-height:20px; margin: auto;" /></a></li>
                    </ul>
                    <ul class="nav navbar-nav hidden-xs pull-right">
                        <li class="list-inline btn-danger list-red"><a href="registro"><?php echo LABEL_MENUREGISTRO ?></a></li>
                        <li class="list-inline btn-danger list-green"><a href="#" class="" data-toggle="modal" data-target="#modalLogin"><?php echo LABEL_MENUACCESO ?></a></li>
                    </ul>
                    <ul class="nav navbar-nav visible-xs">
                        <li class="list-inline btn-danger list-green"><a href="registro"><?php echo LABEL_MENUREGISTRO ?></a></li>
                        <li class="list-inline btn-danger list-green"><a href="#" class="" data-toggle="modal" data-target="#modalLogin"><?php echo LABEL_MENUACCESO ?></a></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div><!--/.container -->
        </div>

        <?php
        echo $contenido;
        ?>

        <div id="footer" class="">
            <div class="container">
                <p class="text-muted credit text-center">© 2014 <a href="http://betporra.com">betporra.com</a>| DESIGNED AND DEVELOPPED BY <a href="http://betporra.com">betporra.com - Jesús Rodrigo - Iván Gallego</a></p>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="modalLogin" tabindex="-1" role="dialog" aria-labelledby="modalLogin" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title"><?php echo LABEL_LOGINHEAD ?></h4>
                    </div>
                    <div class="modal-body">
                        <form method="POST" action="login" accept-charset="UTF-8" role="form" id="loginform" class="form-signin">
                            <input name="_token" type="hidden" value="5HKRM4VIiU1a7NLIOr91ebjn2GPVHyaswcRMkiLV">				
                            <fieldset>
                                <h3 class="sign-up-title" style="color:dimgray;"><?php echo LABEL_LOGINTITULO ?> </h3>


                                <hr class="colorgraph">
                                <div class="input-group margin-bottom-sm">
                                    <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
                                    <input class="form-control" placeholder="<?php echo LABEL_LOGINUSUARIO ?>" name="email" type="text" required="required">				    
                                </div>
                                <div class="input-group margin-bottom-sm">
                                    <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
                                    <input class="form-control" placeholder="<?php echo LABEL_LOGINCLAVE ?>" name="password" type="password" required="required">				    
                                </div>
                                <a class="pull-right" href="#" data-toggle="modal" data-target="#modalPassword"><?php echo LABEL_LOGINOLVIDOCLAVE ?></a>
                                <div class="checkbox">
                                    <label><input name="RecordarClave" type="checkbox">  <?php echo LABEL_LOGINRECORDAR ?></label>
                                </div>
                                <input class="btn btn-lg btn-success btn-block" type="submit" value="Entrar">				    
                                <!--<p class="text-center" style="margin-top:10px;">O</p>
                                <a class="btn btn-primary btn-block" href=""><i class="fa fa-facebook"></i> <?php echo LABEL_LOGINFACEBOOK ?></a>
                                -->
                                <br>
                                <p class="text-center"><a href="registro"><?php echo LABEL_LOGINUNETE ?></a></p>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="modalPassword" tabindex="-1" role="dialog" aria-labelledby="modalPassword" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title"><?php echo LABEL_RECUPERARHEAD; ?></h4>
                    </div>
                    <div class="modal-body">
                        <form method="POST" action="recuperar_clave" accept-charset="UTF-8" role="form" id="formRecuperar" class="form-signin">
                            <input name="_token" type="hidden" value="5HKRM4VIiU1a7NLIOr91ebjn2GPVHyaswcRMkiLV">				
                            <fieldset>

                                <h3 class="sign-up-title"><?php echo LABEL_RECUPERARTITULO; ?></h3>
                                <p  style="color: dimgrey"><?php echo LABEL_RECUPERARSUBTITULO; ?></p>
                                <p  style="color: dimgrey"><?php echo LABEL_RECUPERARDIRECCION; ?></p>

                                <hr class="colorgraph">
                                <div class="input-group margin-bottom-sm">
                                    <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
                                    <input class="form-control" placeholder="<?php echo LABEL_RECUPERAREMAIL; ?>" name="email" type="text" required="required" >				    
                                </div>
                                <hr class="colorgraph">
                                <input class="btn btn-lg btn-success btn-block" type="submit" value="<?php echo LABEL_RECUPERARENVIAR; ?>">				    
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <script>
            function testAnim(x) {
                $('#signup-principal').removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
                    $(this).removeClass();
                });
            }
            ;
            $(document).ready(function() {
                $('#header-content').mouseover(function() {
                    testAnim('bounce');
                });
            });
        </script>
        <script type = "text/javascript" >
            setTimeout(function() {
                $('#signup-principal').addClass("animated flash");
            }, 3000);
            setTimeout(function() {
                $('#signup-principal').addClass("animated pulse");
            }, 6000);
            setTimeout(function() {
                $('#signup-principal').addClass("animated shake");
            }, 9000);
            setTimeout(function() {
                $('#signup-principal').addClass("animated wobble");
            }, 12000);
            //setTimeout(function(){$('#facepile').removeClass("hide"); $('#facepile').addClass("animated bounceIn"); }, 3000);
        </script>
    </body>
</html>
